<template>
    <div class="picture1">
        <div class="con">
            <img src="list2.jpg" alt="">
            <img src="list3.jpg" alt="">
        </div>
        <ul>
            <li v-for="(item,index) in arr" :key="index">
                <img :src="item.img" alt="">
            </li>
        </ul>
    </div>
</template>

<script>
import {one} from "@/api/topapi.js"
export default {
    data(){
        return{
            arr:[]
        }
    },
    mounted(){
        one().then((ok)=>{
            this.arr=ok.data.picture1
        })
    }
}
</script>

<style lang="scss" scoped>
.picture1{
    margin-top: -0.1rem;
}
    .con{
        display: flex;
        img{
            width: 1.87rem;
            height: 1.62rem;
        }
    }
    ul{
          display: flex;
        li{
            list-style: none;
            img{
                width: 1.248rem;
                height: 1.65rem;
            }
        }
    }
</style>